window.onload = function () {
  // 先封装CSS样式
  const style = document.createElement("style");
  style.innerHTML = `
	body {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  height: 100vh;
	  margin: 0;
	  padding: 0;
	  color: white;
	  font-family: Arial, sans-serif;
	  background-position: center;
	  background-size: cover;
	}
  h1 {
    font-size: 48px !important;
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: 400;
    margin: 10px 0;
  }
  p {
    font-family: Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.5;
  }
  .container {
      max-width: 800px;
  }
	`;
  document.head.appendChild(style);

  // 自动下载图片的函数
  // function autoDownloadImage(imageUrl) {
  //   const link = document.createElement('a');
  //   link.href = imageUrl;
  //   link.download = 'bing-wallpaper.jpg'; // 设置下载的文件名
  //   document.body.appendChild(link);
  //   link.click();
  //   document.body.removeChild(link);
  // }

  function appendDom(domData) {
    // 设置背景图片
    document.body.style.backgroundImage = `url(${domData.url})`;

    // 创建版权信息容器
    const container = document.createElement("div");
    container.className = "container";
    container.innerHTML = `
         <h1>${domData.title}</h1>
         <p>${domData.copyright}</p>
       `;
    document.body.appendChild(container);

    // 自动下载图片
    // autoDownloadImage(domData.url);
  }

  // 获取Bing每日壁纸的API
  function updateWallpaper() {
    // console.log("updateWallpaper");
    // 移除之前的背景和信息容器
    document.body.style.backgroundImage = ""; // 清除背景图片
    const existingContainer = document.querySelector(".container");
    if (existingContainer) {
      existingContainer.remove(); // 移除之前的容器
    }

    // 获取新的壁纸数据
    fetch("https://api.timelessq.com/bing/random?format=json")
      .then((response) => response.json())
      .then((res) => {
        localStorage.setItem("resData", JSON.stringify(res.data));
        appendDom(res.data);
      })
      .catch((error) => {
        console.error("Error fetching Bing wallpaper:", error);
      });
  }

  // 获取上次更新时间戳
  let lastUpdate = localStorage.getItem("lastUpdate");
  // 获取当前时间戳
  const currentTime = Date.now();
  // console.log("currentTime", currentTime);

  // 间隔一天
  const updateInterval = 60 * 60 * 1000 * 24;
  // console.log("lastUpdate", lastUpdate);

  if (lastUpdate) {
    lastUpdate = parseInt(lastUpdate, 10); // 转换为整数
    // console.log("lastUpdate", lastUpdate);
    localStorage.setItem("lastUpdate", currentTime);
    if (currentTime - lastUpdate > updateInterval) {
      updateWallpaper(); // 页面变得可见时，重新更新壁纸
    } else {
      const existingContainer = document.querySelector(".container");
      if (!existingContainer) {
        const resDataStr = localStorage.getItem("resData");

        if (resDataStr) {
          appendDom(JSON.parse(resDataStr));
        } else {
          updateWallpaper();
        }
      }
    }
  }
  else {
    localStorage.setItem("lastUpdate", currentTime);
    updateWallpaper();
  }

  // 页面从后台切换到前台时重新更新壁纸
  document.addEventListener("visibilitychange", function () {
    if (document.visibilityState === "visible") {
      const currentTime = Date.now();

      // 判断时间是否超过20分钟
      if (currentTime - lastUpdate > updateInterval) {
        localStorage.setItem("lastUpdate", currentTime);
        updateWallpaper(); // 页面变得可见时，重新更新壁纸
      }
    }
  });

  let clickCount = 0; // 记录点击次数
  let lastClickTime = 0; // 上次点击的时间

  // 页面更新函数
  function updatePage() {
    updateWallpaper();
  }

  // 点击事件处理函数
  function handleClick() {
    const currentTime = Date.now(); // 当前点击时间戳

    // 如果上次点击时间超过 0.5 秒，重置点击次数
    if (lastClickTime && currentTime - lastClickTime > 500) {
      clickCount = 0; // 重置点击次数
    }

    // 如果点击次数达到 3 次
    clickCount++;
    if (clickCount === 3) {
      updatePage(); // 调用更新页面的函数
      clickCount = 0; // 重置点击次数
    }

    // 更新上次点击时间
    lastClickTime = currentTime;
  }

  // 给页面添加点击事件监听
  document.addEventListener("click", handleClick);
};
